<template>
  <div class="banner">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item>系统设置</el-breadcrumb-item>
      <el-breadcrumb-item>页面图片轮播管理</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="easy-content">
      <el-tabs v-model="activeName">
        <el-tab-pane label="小程序酒店首页"
          name="first"
          v-if="isHas('bannerappletlist','first')">
          <MinProject/>
        </el-tab-pane>
        <el-tab-pane label="员工端首页"
          v-if="isHas('bannerstafflist','first') && modeName !=1 && modeName !=2"
          name="second">
          <Staff/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import MinProject from "./min_project";
import { has } from "@/public/js/util";
import Staff from "./staff";
import { setMessageState} from '../../public/js/message';
export default {
  components: {
    MinProject,
    Staff
  },
  props: {},
  data() {
    return {
      activeName: "first",
      modeName:''
    };
  },
  watch: {},
  computed: {},
  methods: {
    isHas(role, tab) {
      if (this.isFirst) {
        if (has(role, this)) {
          this.activeName = tab;
          this.isFirst = false;
        }
      }
      return has(role, this) ;
    }
  },
  created() {
    this.modeName = sessionStorage.getItem('modeName');
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
.banner {
}
</style>